<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>朴实的一天</title>
		<link rel="stylesheet" href="./css/style.css">
		<link rel="stylesheet" href="./css/layui.css">


	</head>
	<body>

		<!-- 最外层diV，控制页面的位置 -->
		<div id="wrapper">
			<!-- header -->
			<div id="header">
				<h2>不爱吃鱼的小猫</h2>
			</div>
			<!--navHorizontal-->
			<div>
				<ul class="layui-nav layui-bg-green layui-row" lay-filter="">
					<li class="layui-nav-item layui-this"><a href="">博客首页</a></li>
					<li class="layui-nav-item"><a href="">关于小猫</a></li>
					<li class="layui-nav-item"><a href="">给我留言</a></li>
					<li class="layui-nav-item"><a href="">友情链接</a></li>
					<li class="layui-nav-item"><a href="">我的信箱</a></li>
					<li class="layui-nav-item"><a href="">社区趣事</a></li>
				</ul>
				<script>
					//注意：导航 依赖 element 模块，否则无法进行功能性操作
					layui.use('element', function() {
						var element = layui.element;

						//…
					});
				</script>

			</div>
			<!-- content -->
			<div id="content">
				<div id="left">
					<h1>《水调歌头·明月几时有》</h1>

					<p>明月几时有？把酒问青天。不知天上宫阙，今夕是何年。我欲乘风归去，又恐琼楼玉宇，高处不胜寒。起舞弄清影，何似在人间。</p>

					<p>转朱阁，低绮户，照无眠。不应有恨，何事长向别时圆？人有悲欢离合，月有阴晴圆缺，此事古难全。但愿人长久，千里共婵娟。

					</p>

					<h1>《水调歌头·明月几时有》译文</h1>

					<p>明月从什么时候才开始出现的？我端起酒杯遥问苍天。不知道在天上的宫殿，何年何月。我想要乘御清风回到天上，又恐怕在美玉砌成的楼宇，受不住高耸九天的寒冷。翩翩起舞玩赏着月下清影，哪像是在人间。月儿转过朱红色的楼阁，低低地挂在雕花的窗户上，照着没有睡意的自己。明月不该对人们有什么怨恨吧，为什么偏在人们离别时才圆呢？人有悲欢离合的变迁，月有阴晴圆缺的转换，这种事自古来难以周全。只希望这世上所有人的亲人能平安健康，即便相隔千里，也能共享这美好的月光。

					</p>
				</div>
				<div id="right">
					<img src="images/bild.jpg" alt="">
				</div>
			</div>
			<!--navVertical-->

			<div id="navVertical">
				<ul class="layui-nav layui-nav-tree" lay-filter="test">
					<!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->

					<li class="layui-nav-item layui-nav-itemed">
						<a href="javascript:;">首页</a>
						<dl class="layui-nav-child">
							<dd><a href="javascript:;">日志</a></dd>
							<dd><a href="javascript:;">相册</a></dd>
							<dd><a href="javascript:;">个人档案</a></dd>
							<dd><a href="javascript:;">分享</a></dd>
							<dd><a href="javascript:;">音乐地带</a></dd>
							<dd><a href="">更多</a></dd>
						</dl>
					</li>

				</ul>
			</div>
			<div class="layui-row layui-bg-gray layui-font-18">
				<div class="layui-col-md12" style="color:#009688;text-align:center;	height:50px;line-height: 50px;">
					2023 (网站) 设计者 xxxx
				</div>
			</div>



	</body>

	<script src="./layui.js">
		< /html>
